<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>javascript 阶段</title>
</head>
<body>
    <h3>三目运算（三元运算）</h3>

    <script>
        // 操作数
        //一元运算
        var a = 0 ;
        a ++ ;

        // 二元运算
        var x = 1 ;
        var y = 2 ;
        x + y 

        // 三元运算（处理逻辑）
        // 条件是否成立？ 条件成立 ： 条件不成立 
        // 条件是否成立？ 条件成立（执行代码1） ： 条件不成立（执行代码2）
        var width = 100 ;
        var color_1 = "red";
        var color_2 = "green";
        var res = width < 200 ? color_1 : color_2;
        console.log(res); 

        // 总结
        // 可以用于取值
        // 可以用于做判断处理

        // 示例：
        // 定义变量记录颜值
        var demo = "美丽";
        demo == "美丽" ? console.log("我想和她聊天") : console.log("我不想和她聊天");

        if(demo = "美丽"){
            console.log("我想和她聊天");
        }else {
            console.log("我不想和她聊天");
        }


        var hour = 15;
        var min = 77;
        // var jinwei = 1;
        // var min_1 = min +jinwei;
        // console.log(min_1);
        var second = 61;
        if(second < 10){
            console.log(hour + ":" + min + ":"+"0" + second)
        }
        // if(second >=60) {
        //     console.log(hour+":" + (min + 1)  + ":" + (second -60) )
        // }
        if(70>min>=60 , second >=60) {
            console.log((hour+1) +":" + "0" + (min-60) + ":" +"0" + (second -60))
        }
        if(80>min>=70 , second >=60) {
            console.log((hour+1) +":" + (min-60) + ":" +"0" + (second -60))
        }
        document.write(hour + ":" + min + ":" + second);
    </script>
</body>
</html>